<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="common-css">
    <meta charset="utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta content="Coderthemes" name="author"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link rel="shortcut icon" href="../user/img/bloglogo.jpg"/>
    <link href="../back/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../back/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="../back/css/style.min.css" rel="stylesheet" type="text/css"/>
    <link href="../back/css/sweetalert2.min.css" rel="stylesheet"/>
</div>
<div th:fragment="common-js">
    <script src="../back/js/html5shiv.js"></script>
    <script src="../back/js/respond.min.js"></script>

    <script src="../assets/js/jquery.min.js"></script>
    <script src="../back/js/bootstrap.js"></script>
    <script src="../back/js/sweetalert2.min.js"></script>
    <script src="../back/js/jquery.app.js"></script>
    <script src="../back/js/base.js"></script>
</div>
<div th:fragment="header-menu(tag)" >
    <div>
        <div class="topbar">
            <div class="topbar-left">
                <div class="text-center p-t-10" style="margin: 0 auto;">
                    <div class="pull-left" style="padding-left: 10px;">
                        <a href="index.html">
                            <img src="../user/img/bloglogo.jpg" width="50" height="50"/>
                        </a>
                    </div>
                    <div class="pull-left" style="padding-left: 10px;">
                        <span style="font-size: 28px; color: #2f353f; line-height: 50px;">MyBlog</span>
                    </div>
                </div>
            </div>
            <div class="navbar navbar-default" role="navigation">
                <div class="container">
                    <div class="">
                        <div class="pull-left">
                            <button type="button" class="button-menu-mobile open-left">
                                <i class="fa fa-bars"></i>
                            </button>
                            <span class="clearfix"></span>
                        </div>

                        <ul class="nav navbar-nav navbar-right pull-right">
                            <li class="dropdown">
                                <a href="index.html" class="dropdown-toggle profile" data-toggle="dropdown"
                                   aria-expanded="true"><img src="../assets/img/me.jpg" alt="user-img"
                                                             class="img-circle"/> </a>
                                <ul class="dropdown-menu">
                                    <form name="logoutform" action="/logout" method="post"><input type="hidden" name="_csrf" value="5c10a16d-dc17-4ee9-aaea-3f89d83cb07a"/></form>
                                    <li><a href="../page/1" target="_blank">
                                        <i class="fa fa-eye" aria-hidden="true"></i>查看网站</a></li>
                                    <li><a href="javascript:document.logoutform.submit();">
                                        <i class="fa fa-sign-out"></i> 用户注销</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="left side-menu">
            <div class="sidebar-inner slimscrollleft">
                <div id="sidebar-menu">
                    <ul>
                        <li>
                            <a href="/admin/" class="waves-effect " th:classappend="${tag == 1?'active':''}">
                                <i class="fa fa-dashboard" aria-hidden="true"></i><span> 仪表盘 </span>
                            </a>
                        </li>
                        <li >
                            <a href="/admin/edit" class="waves-effect" th:classappend="${tag == 2?'active':''}">
                                <i class="fa fa-pencil-square-o" aria-hidden="true"></i><span> 发布文章 </span></a>
                        </li>
                        <li>
                            <a href="/admin/list" th:classappend="${tag == 3?'active':''}"
                               class="waves-effect"><i
                                    class="fa fa-list" aria-hidden="true"></i><span> 文章管理 </span></a>
                        </li>

                        <!-- 以下功能尚未实现 -->
                        <li>
                            <a class="waves-effect">
                                <i class="fa fa-comments" aria-hidden="true"></i><span> 评论管理 </span></a>
                        </li>
                        <li>
                            <a class="waves-effect">
                                <i class="fa fa-tags" aria-hidden="true"></i><span> 分类/标签 </span></a>
                        </li>

                        <li>
                            <a class="waves-effect">
                                <i class="fa fa-gear" aria-hidden="true"></i><span> 系统设置 </span></a>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
<div th:fragment="footer">
    <footer class="footer text-right">
        <time class="comment-time">2024</time> © <a target="_blank">CrazyStone</a><div class=""></div>
    </footer>
</div>
</html>